<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">

  <script src="./js/vue.js"></script>

  <title></title>
</head>
<body>
<div id="app">
    {{ a }}
</div>

<script>
var vm=new Vue({
    el:"#app",

data:{
a:2
},
beforeCreate:function(){
    console.log("创建前")
    console.log("this.a")
    console.log("this.#el")
},
Create:function(){
    console.log("创建")
    console.log("this.a")
    console.log("this.#el")
},
beforemounted:function(){
    console.log("挂载前")
    console.log("this.a")
    console.log("this.#el")
},
mounted:function(){
    console.log("挂载")
    console.log("this.a")
    console.log("this.#el")
},
beforeDestory:function(){
    console.log("销毁前")
    console.log("this.a")
    console.log("this.#el")
},
Destory:function(){
    console.log("销毁")
    console.log("this.a")
    console.log("this.#el")
},
})
</script>
</body>
</html>